body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; }
body, button, input, select, textarea { font-size: 14px;font-family: "inherit",'sans-serif',"hiragino sans gb",stheiti,"wenquanyi micro hei","\5FAE\8F6F\96C5\9ED1,\5B8B\4F53",sans-serif;}
h1, h2, h3, h4, h5, h6{ font-size:100%; }

*{box-sizing: border-box}
body {

    font-family: test;

}

small{ font-size:12px; }
ul, ol { list-style:none; list-style-type: none}
a { text-decoration:none; }
a:hover { text-decoration:underline; }

legend { color:#000; }
fieldset, img { border:0; }
button, input, select, textarea { font-size:100%; }
table { border-collapse:collapse; border-spacing:0; }

.block{display: block;}
.cursor{cursor: pointer}
[v-cloak]{display: none}
.fl{float: left}
.fr{float: right}
.clearfix { zoom:1; }
.clearfix:after{
    display:block;
    height:0;
    content:"";
    clear:both;
    visibility:hidden;
}
.disable {
    pointer-events: none;
    background-color: #eee;
}
/*布局-display*/
.flex{ display: -ms-flexbox; display: -webkit-flex; display: flex; }
.flex-item{	display: block;	-webkit-box-flex: 1;-webkit-flex: 1;flex: 1;text-align: center}
/*水平居中*/
.flex-center{display: flex;justify-content: center}
/*垂直居中*/
.flex-center01{display: flex;align-items: center}
/*水平垂直居中*/
.flex-center02{display: flex;align-items: center;justify-content: center}
/*布局-两端对齐*/
.flex-wrap{
    flex-wrap: wrap;
}
.flex-justify{
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.flex-justify01{
    position: relative;
    display: flex;
    align-content: space-between;
    flex-wrap: wrap;

}
/*超出省略号 -----------s*/
/*布局-单行省略*/
.ellipsis{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;

}
/*布局-多行省略*/
.ellipsis-more2{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}
.ellipsis-more3{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden
}
.ellipsis-more4{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden
}
/*超出省略号 -----------e*/
/*盒子模型*/
.boxsizing{box-sizing:border-box}
.content-box{box-sizing: content-box}
.body-img img,.body-img a img{width: 100%}

/*文字位置*/
.tal{text-align: left}
.tac{text-align: center}
.tar{text-align: right}
/*主题*/
.c-white{color:#fff}
.color333{color:#333}
.color666{color:#666}
.color999{color:#999}
.colorf00{color:#f00}
.c-red{color: #E9095D;}
.c-black{color: #29293E;}
.c-gray{
    color: #767CA7;
}
.c-blue{
    color: #66b1ff;
}
/*字体*/
.fw-b{font-weight: bold}
.fw-n{font-weight: normal}
.fs0{font-size: 0}
.fs8{font-size: 8px}
.fs10{font-size: 10px}
.fs11{font-size: 11px}
.fs12{font-size: 12px}
.fs13{font-size: 13px}
.fs14{font-size: 14px}
.fs15{font-size: 15px}
.fs16{font-size: 16px}
.fs18{font-size: 18px}
.fs19{font-size: 19px}
.fs20{font-size: 20px}
.fs22{font-size: 22px}
.fs24{font-size: 24px}
.fs26{font-size: 26px}
.fs28{font-size: 28px}
.fs30{font-size: 30px}
.fs32{font-size: 32px}
.fs36{font-size: 36px}
.fs40{font-size: 40px}


.pl10{padding-left:10px}
.pl11{padding-left:11px}
.pl12{padding-left:12px}
.pl13{padding-left:13px}
.pl14{padding-left:14px}
.pl15{padding-left:15px}
.pl16{padding-left:16px}
.pl17{padding-left:17px}
.pl18{padding-left:18px}
.pl19{padding-left:19px}
.pl20{padding-left:20px}

.pb5{padding-bottom:5px}
.pb10{padding-bottom:10px}
.pb11{padding-bottom:11px}
.pb12{padding-bottom:12px}
.pb13{padding-bottom:13px}
.pb14{padding-bottom:14px}
.pb15{padding-bottom:15px}
.pb16{padding-bottom:16px}
.pb17{padding-bottom:17px}
.pb18{padding-bottom:18px}
.pb19{padding-bottom:19px}
.pb20{padding-bottom:20px}
.pb25{padding-bottom:25px}


.pr10{padding-right:10px}
.pr11{padding-right:11px}
.pr12{padding-right:12px}
.pr13{padding-right:13px}
.pr14{padding-right:14px}
.pr15{padding-right:15px}
.pr16{padding-right:16px}
.pr17{padding-right:17px}
.pr18{padding-right:18px}
.pr19{padding-right:19px}
.pr20{padding-right:20px}

.pt5{padding-top:5px}
.pt10{padding-top:10px}
.pt11{padding-top:11px}
.pt12{padding-top:12px}
.pt13{padding-top:13px}
.pt14{padding-top:14px}
.pt15{padding-top:15px}
.pt16{padding-top:16px}
.pt17{padding-top:17px}
.pt18{padding-top:18px}
.pt19{padding-top:19px}
.pt20{padding-top:20px}

.pcol5{padding-top:5px;padding-bottom:5px}
.pcol10{padding-top:10px;padding-bottom:10px}
.pcol11{padding-top:11px;padding-bottom:11px}
.pcol12{padding-top:12px;padding-bottom:12px}
.pcol13{padding-top:13px;padding-bottom:13px}
.pcol14{padding-top:14px;padding-bottom:14px}
.pcol15{padding-top:15px;padding-bottom:15px}
.pcol16{padding-top:16px;padding-bottom:16px}
.pcol17{padding-top:17px;padding-bottom:17px}
.pcol18{padding-top:18px;padding-bottom:18px}
.pcol19{padding-top:19px;padding-bottom:19px}
.pcol20{padding-top:20px;padding-bottom:20px}

.prow0{padding-left:0px!important;padding-right:0px!important}
.prow5{padding-left:5px;padding-right:5px}
.prow7{padding-left:7px;padding-right:7px}
.prow10{padding-left:10px;padding-right:10px}
.prow11{padding-left:11px;padding-right:11px}
.prow12{padding-left:12px;padding-right:12px}
.prow13{padding-left:13px;padding-right:13px}
.prow14{padding-left:14px;padding-right:14px}
.prow15{padding-left:15px;padding-right:15px}

.prow16{padding-left:16px;padding-right:16px}
.prow17{padding-left:17px;padding-right:17px}
.prow18{padding-left:18px;padding-right:18px}
.prow19{padding-left:19px;padding-right:19px}
.prow20{padding-left:20px;padding-right:20px}
.prow30{padding-left:30px;padding-right:30px}
.prow21{padding-left:21px;padding-right:21px}

.pd5{padding:5px}
.pd10{padding:10px}
.pd11{padding:11px}
.pd12{padding:12px}
.pd13{padding:13px}
.pd14{padding:14px}
.pd15{padding:15px}
.pd16{padding:16px}
.pd17{padding:17px}
.pd18{padding:18px}
.pd19{padding:19px}
.pd20{padding:20px}

.ml10{margin-left:10px}
.ml11{margin-left:11px}
.ml12{margin-left:12px}
.ml13{margin-left:13px}
.ml14{margin-left:14px}
.ml15{margin-left:15px}
.ml16{margin-left:16px}
.ml17{margin-left:17px}
.ml18{margin-left:18px}
.ml19{margin-left:19px}
.ml20{margin-left:20px}

.mb5{margin-bottom:5px}
.mb10{margin-bottom:10px}
.mb11{margin-bottom:11px}
.mb12{margin-bottom:12px}
.mb13{margin-bottom:13px}
.mb14{margin-bottom:14px}
.mb15{margin-bottom:15px}
.mb16{margin-bottom:16px}
.mb17{margin-bottom:17px}
.mb18{margin-bottom:18px}
.mb19{margin-bottom:19px}
.mb20{margin-bottom:20px}
.mr2{margin-right: 2px;}
.mr10{margin-right:10px}
.mr11{margin-right:11px}
.mr12{margin-right:12px}
.mr13{margin-right:13px}
.mr14{margin-right:14px}
.mr15{margin-right:15px}
.mr16{margin-right:16px}
.mr17{margin-right:17px}
.mr18{margin-right:18px}
.mr19{margin-right:19px}
.mr20{margin-right:20px}
.mr30{margin-right:30px}
.mt0{margin-top:0}
.mt5{margin-top: 5px}
.mt10{margin-top:10px}
.mt11{margin-top:11px}
.mt12{margin-top:12px}
.mt13{margin-top:13px}
.mt14{margin-top:14px}
.mt15{margin-top:15px}
.mt16{margin-top:16px}
.mt17{margin-top:17px}
.mt18{margin-top:18px}
.mt19{margin-top:19px}
.mt20{margin-top:20px}
.mt30{margin-top:30px}

.mcol0{margin-top:0!important;;margin-bottom:0!important;}
.mcol1{margin-top:1px;margin-bottom:1px}
.mcol2{margin-top:2px;margin-bottom:2px}
.mcol3{margin-top:3px;margin-bottom:3px}
.mcol4{margin-top:4px;margin-bottom:4px}
.mcol5{margin-top:5px;margin-bottom:5px}
.mcol6{margin-top:6px;margin-bottom:6px}
.mcol7{margin-top:7px;margin-bottom:7px}
.mcol8{margin-top:8px;margin-bottom:8px}
.mcol9{margin-top:9px;margin-bottom:9px}
.mcol10{margin-top:10px;margin-bottom:10px}

.mrow10{margin-left:10px;margin-right:10px}
.mrow11{margin-left:11px;margin-right:11px}
.mrow12{margin-left:12px;margin-right:12px}
.mrow13{margin-left:13px;margin-right:13px}
.mrow14{margin-left:14px;margin-right:14px}
.mrow15{margin-left:15px;margin-right:15px}
.mrow16{margin-left:16px;margin-right:16px}
.mrow17{margin-left:17px;margin-right:17px}
.mrow18{margin-left:18px;margin-right:18px}
.mrow19{margin-left:19px;margin-right:19px}
.mrow20{margin-left:20px;margin-right:20px}


/*宽度居中*/
.width30{width:30px}
.width40{width:40px}
.width50{width:50px;text-align: center}
.width60{width: 60px}
.width80{width: 80px}
.width100{width: 100px;margin: 0 auto}
.width120{width: 120px!important}
.width200{width: 200px}
.calc60{width: calc(100% - 60px)}
.calc80{width: calc(100% - 80px)}
.calc100{width: calc(100% - 100px)}
.calc120{width: 380px!important}
.calc200{width: calc(100% - 200px)}
.widthp100{width: 100%}
.vhide{overflow: hidden}
.oauto{overflow: auto}
.hide{display: none}
.show{display: block}
.heightp100{height:100%}
.radius-4{border-radius: 4px}
.radius-6{border-radius: 6px}
.radius-8{border-radius: 8px}
.radius-tl-6{border-top-left-radius: 6px}
.radius-tr-6{border-top-right-radius: 6px}
.radius-bl-6{border-bottom-left-radius: 6px}
.radius-br-6{border-bottom-right-radius: 6px}
/*文件上传 样式*/
.file{
    width: 100px;
    height: 36px;
    position: relative;
    line-height: 36px;
    text-align: center;
    border: 1px solid #ddd;
}
.file{width: 140px}
.inputfile{
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 111;
    background-color: transparent;
}
.bctran{background-color: transparent}
.bcred{background-color: #E9095D}
.bcgraywhite{background-color: #F7FBFD}
.bcblue{background-color: #4D85FF}
input[type="text"].disabled.input{background-color: #D0D0D0}
input[type="text"].disabled.input.hide{display: none}
.posi-rela{position: relative}
.posi-abso{position: absolute}
.posi-fixed{position: fixed}
.top0{top: 0}
.left0{left: 0}
.right0{right: 0}
.bottom0{bottom: 0}
.bottom3{bottom: 3px}
.bottom5{bottom: 5px}
.bottom10{bottom: 10px}
.right10{right: 10px}
.z11{z-index: 11}
.z12{z-index: 12}
/*图片预览*/
.body-img img,body-img a img{width: 100%}
.prover-img{width: 100%;height: 100%}
.prover-img img{width: 100%}
.prover{width:100%;height: 100%;position: relative;position: fixed;top:0;right:0;bottom:0;left:0;z-index: 9998;background-color: rgba(0,0,0,.5);display: flex;align-items: center;justify-content: center;overflow: auto}
/*自定义滚动条样式*/
.ofauto::-webkit-scrollbar { width: 2px; height: 1px; }
.ofauto::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background: #4D85FF; }
.ofauto::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); border-radius: 10px; background: #fff; }

/* 背景颜色 */
.bcfff{background-color: #fff}
.bbgray{border-bottom: 1px solid rgba(221,226,237,1)}
.btgray{border-top: 1px solid rgba(221,226,237,1)}
.brgray{border-right: 1px solid rgba(221,226,237,1)}
.box-shadow{-webkit-box-shadow: 0 0 5px #eee;}

/*页面公共布局样式*/
footer{position: fixed;bottom: 0;left: 0;width: 100%;height: 60px;background-color: #fff;z-index: 11;}
footer .iconfont{display: block;color: #2E2E2E;font-size: 24px;padding-top:6px;margin-bottom: 3px;}
footer p{color: #2E2E2E;font-size: 14px}
.selectColor .iconfont,.selectColor p{color: #02CCCE;}
